﻿.order-wrap{
    margin-left:30px;
    width:1000px
}

.tab-head{
    display:flex;
    align-items:center;
    background-color:#fafafc;
    margin-top:10px;
    height:40px;
    color:#666;
    justify-content:center;
}

.w50{
    width:50%;
    display:flex;
    justify-content:center;
}

.w125{
    width:12.5%;
    display:flex;
    justify-content:center;
}


.layui-tab{
}

.layui-tab-title li{
    font-size:18px;
    font-weight:600;
    margin-right:40px;
}

.order{ 
    display:flex;
    flex-direction:column;
    height:200px;
    border:1px solid #efefef;
    margin-top:30px;
}

.order-message-top{
    display:flex;
    flex-grow:1;
    background-color:#fafafc;
    align-items:center;
    padding-left:40px;
    border-bottom:1px solid #efefef;
}

.order-time{
    margin-right:50px;
}

.order-time,.order-id{
    color:#bdbdbd;
    font-size:16px;
}

.order-message{
    display:flex;
    flex-grow:3;
    align-items:stretch;
}

.order-price,.order-state,.order-op,.goods-diver{
    display:inline-flex;
    justify-content:center;
    border-right:1px solid #efefef; 
    align-items:center;
   
}

.order-op{
    flex-direction:column;
    border:none;
}

.get-order-bt{
    height:40px;
    width:80px;
    background-color:#00c3f5;
    border-radius:4px;
    border:none;
    color:white;
    cursor:pointer;
}

.get-order-bt:hover{
    background-color:#6ddceb;
}

.order-price{
    color:red;
}

.goods-name{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
}
.goods-name img{
    margin-left:30px;
}

.layui-tab-content{
    padding:0px;
}

.no-data{
    width:1000px;
    height:400px;
    display:flex;
    justify-content:center;
    align-items:center;
}